<template>
  <div>
    <van-button type="primary" block>关于我们</van-button>

   
    <van-notice-bar left-icon="volume-o" :scrollable="false">
      <van-swipe
        vertical
        class="notice-swipe"
        :autoplay="3000"
        :show-indicators="false"
      >
        <van-swipe-item>啊啊啊啊啊啊</van-swipe-item>
        <van-swipe-item>哈哈哈哈哈哈</van-swipe-item>
        <van-swipe-item>哎哎哎哎哎</van-swipe-item>
      </van-swipe>
    </van-notice-bar>

     <img src="../assets/vr.webp" alt="" height="100%" width="100%" />
  </div>
</template>

<script>
import {NoticeBar,SwipeItem,Swipe} from 'vant';

export default {
    data(){
        return{

        }
    },
    components:{
        [NoticeBar.name]:NoticeBar,
        [SwipeItem.name]:SwipeItem,
        [Swipe.name]:Swipe,
    },
  methods: {},
};
</script>

<style>
.notice-swipe {
  height: 40px;
  line-height: 40px;
}
</style>